<template>
    <div>
      <!--图片-->
      <div>
        <van-image
          width="100%"
          height="120px"
          src="http://qzvllizi7.hn-bkt.clouddn.com/userimg.jpg"
        />
      </div>
      <div>
        <van-cell is-link to="/">
          <template #icon>
            <van-icon name="shopping-cart" class="search-icon" />
          </template>
          <template #title>
            <span class="custom-title">购物车</span>
          </template>
        </van-cell>
        <van-cell is-link to="/">
          <template #icon>
            <van-icon name="balance-list" class="search-icon" />
          </template>
          <template #title>
            <span class="custom-title">我的订单</span>
          </template>
        </van-cell>
        <van-cell is-link to="/house">
          <template #icon>
            <van-icon name="wap-home" class="search-icon" />
          </template>
          <template #title>
            <span class="custom-title">房屋管理</span>
          </template>
        </van-cell>
        <van-cell is-link to="/">
          <template #icon>
            <van-icon name="manager" class="search-icon" />
          </template>
          <template #title>
            <span class="custom-title">个人信息</span>
          </template>
        </van-cell>
        <van-cell is-link to="/">
          <template #icon>
            <van-icon name="info" class="search-icon" />
          </template>
          <template #title>
            <span class="custom-title">关于我们</span>
          </template>
        </van-cell>
        <van-cell is-link to="/">
          <template #icon>
            <van-icon name="friends" class="search-icon" />
          </template>
          <template #title>
            <span class="custom-title">角色切换</span>
          </template>
        </van-cell>
      </div>
     <!--退出登录-->
      <div>
        <van-button type="default" size="large" class="but">退出登录</van-button>
      </div>
    </div>
</template>
<script>
export default {
    
}
</script>
<style scoped>
  .custom-title {
    margin-right: 180px;
    vertical-align: middle;
  }

  .search-icon {
    margin-left: 10px;
    font-size: 20px;
    line-height: inherit;
  }
  .but{
    margin-top: 20px;
    width: 340px;
    height: 45px;
    background-color: whitesmoke;

  }
</style>
